<template>
  <div>
    <el-card>
      <div slot="header" class="header">
        <span>销售额类别占比</span>
        <el-radio-group v-model="radio1">
          <el-radio-button label="全部渠道" />
          <el-radio-button label="线上" />
          <el-radio-button label="门店" />
        </el-radio-group>
      </div>
      <div class="charts">
        <PieCharts />
      </div>
    </el-card>
  </div>
</template>

<script>
import PieCharts from './PieCharts/index.vue'
export default {
  name: 'Category',
  components: {
    PieCharts
  },
  data() {
    return {
      radio1: '全部渠道'
    }
  }
}
</script>

<style>
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charts {
  width: 100%;
  height: 300px;
}
</style>
